﻿
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();
	String BasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>健身房首页</title>

<!--默认样式-->
<link rel="stylesheet" href="<%=BasePath%>/static/css/reset.css">

<!--响应式框架-->
<link rel="stylesheet" type="text/css" href="<%=BasePath%>/static/css/bootstrap.css">

<!--css3动画库-->
<link rel="stylesheet" href="<%=BasePath%>/static/css/animate.css">

<!--banner大图基础样式-->
<link rel="stylesheet" href="<%=BasePath%>/static/css/slick.css">

<!--页面滚动基础样式-->
<link rel="stylesheet" href="<%=BasePath%>/static/css/jquery.fullPage.css" />

<!--导航样式-->
<link rel="stylesheet" href="<%=BasePath%>/static/css/head.css" />

<!--图片和滚屏样式-->
<link rel="stylesheet" href="<%=BasePath%>/static/css/index.css">

</head>
<body>
<!-- 导航 -->
<header class="header"> 
	<div class="container clearfix"> 
		<div class="fr nav"> 
			<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
				<li class="active">
					<a href="javascript:void(0)">首页</a>					</li>
				<li class="dropdown">
					<a href="javascript:void(0)">
						APP					</a>
					<div class="dropdown_menu">
						<a href="/user/downApk">直接下载</a>
						<a href="erweima.jsp">扫码下载</a>
											</div>
				</li>
				<li class="dropdown">
					<a href="javascript:void(0)">后台</a>
					<div class="dropdown_menu">
						<a href="adminlogin.jsp">管理员</a>
						<a href="coachlogin.jsp">教练</a>
					</div>
				</li>

			</ul>
		</div>
		<a href="javascript:void(0)" id="navToggle">
			<span></span>
		</a>
	</div>
</header>
<!--移动端的导航-->
<div class="m_nav">
	<div class="top clearfix">
		<img src="image/closed.png" alt="" class="closed" />
	</div>
	<div class="logo">
		<img src="image/logo2.jpg" alt="" />
	</div>
	<ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
		<li class="active">
			<a href="javascript:void(0)">首页</a>
		</li>
		<li class="dropdown">
			<a href="javascript:void(0)">
				APP					</a>
			<div class="dropdown_menu">
				<a href="/user/downApk">直接下载</a>
				<a href="erweima.jsp">扫码下载</a>
			</div>
		</li>
		<li class="dropdown">
			<a href="javascript:void(0)">后台</a>
			<div class="dropdown_menu">
				<a href="adminlogin.jsp">管理员</a>
				<a href="coachlogin.jsp">教练</a>
			</div>
		</li>

	</ul>
</div>
<!-- 内容 -->
<div id="index_main" class="index_main">
	<!--导航-->
	<div class="section section1">
		<div class="index_banner">
			<div class="item">
				<div class="items scaleBg" style="background-image: url(<%=BasePath%>/static/image/1.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h4> Charm fitness, unlimited happiness</h4>
						<h2>魅力健身，快乐无限</h2>
						                           
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(<%=BasePath%>/static/image/2.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h4> Exercise creates happiness and health makes the future</h4>
						<h2><span>运动</span>创造快乐，<span>健康</span>成就未来</h2>                          
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(<%=BasePath%>/static/image/3.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h4>A visible figure, a palpable health. </h4>
						<h2>看得见的<span>身型</span>，摸得到的<span>健康</span></h2>                           
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(<%=BasePath%>/static/image/4.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h4> </h4>
						<h2>理工健身房</h2>
						<h3>优美环境  |  贴心服务</h3>                            
					</div>
				</div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(<%=BasePath%>/static/image/5.jpg);"></div>
				<div class="inner">
					<div class="block_txt">
						<h4>  </h4>
						<h2>您身边的健身专家</h2>
						<h3>不要犹豫，赶快加入吧</h3>                            
					</div>
				</div>
			</div>            
		</div>
		<div class="left slick_txt">
			<div class="prev slick_arrow"></div>
		</div>
		<div class="right slick_txt">
			<div class="next slick_arrow"></div>
		</div>
		<div class="number">
			<div class="inner clearfix">
				<span class="active">01</span>
				<span >02</span>
				<span >03</span>
				<span >04</span>
				<span >05</span>
			</div>
		</div>
	</div>
	
</div>

<script src="<%=BasePath%>/static/js/jquery.min.js"></script>
<script src="<%=BasePath%>/static/js/jquery.fullPage.min.js"></script>
<script src="<%=BasePath%>/static/js/index_slick.js"></script>
<script src="<%=BasePath%>/static/js/index.js"></script>

</body>
</html>